<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>友情链接</title>
<!-- 标题栏： -->
		<link rel="icon" href="https://www.easyicon.net/api/resizeApi.php?id=19315&size=128" type="image/x-icon">
<!-- 收藏夹： -->
		<link rel="shortcut icon" href="https://www.easyicon.net/api/resizeApi.php?id=19315&size=128" type="image/x-icon">
		<!-- 引入Bootstrap核心样式文件 -->
		<link href="../css/bootstrap.min.css" rel="stylesheet">
		<!-- 引入jQuery核心js文件 -->
		<script src="../js/jquery-1.11.3.min.js"></script>
		<!-- 引入BootStrap核心js文件 -->
		<script src="../js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="container" style="text-align: center;">
			<div class="row">
				<div>
					<img src="../img/friendly_link_logo.png" />
				</div>
			</div>
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="list-group">
						<a class="list-group-item active" href="http://www.baidu.com">百度一下</a>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="list-group">
						<a class="list-group-item active" href="https://weibo.com/">微博：随时随地发现新鲜事</a>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="list-group">
						<a class="list-group-item active" href="https://www.alipay.com/">支付宝</a>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="list-group">
						<a class="list-group-item active" href="https://weixin.qq.com/">微信</a>
					</div>
				</div>
			</div>
		</div>
		
	</body>

</html>
